<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bootstrap</title>
  <link href="../lib/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
<div class="container">
  <h1>媒体对象</h1>
  <h3>默认样式</h3>
  <div class="media">
    <div class="media-left">
      <a href="#">
        <img src="../lib/img/hudong1.png" alt="">
      </a>
    </div>
    <div class="media-body">
      <h4 class="media-heading">
        meatball
      </h4>
      <p>Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. Aconsectetur adipisicing elit. Fugit, impedit necessitatibus? Aliquid animi aut corporis dicta eligendi hic in laboriosam libero maxime minus nulla odit perferendis, repudiandae tempore tenetur ut.</p>
    </div>
  </div>
  <h3>对齐media-left media-middle</h3>
  <div class="media">
    <div class="media-left media-middle">
      <a href="#">
        <img class="media-object" src="../lib/img/hudong1.png" alt="">
      </a>
    </div>
    <div class="media-body">
      <h4>meatball</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicLorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. ALorem ipsum dolor sit amet, consectetur adipisicing elit. Aing elit. Ab, cumque cupiditate deserunt eveniet excepturi illo laborum molestias nobis optio quaerat quidem quod quos repellendus similique suscipit, totam vel voluptate, voluptatibus.</p>
    </div>
  </div>
</div>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/bootstrap.min.js"></script>
</body>
</html>